<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <title>检验检测智能管理平台</title>

    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css"/>

    <!-- page specific plugin styles -->

    <!-- text fonts -->
    <link rel="stylesheet" href="assets/css/fonts.googleapis.com.css"/>

    <!-- ace styles -->
    <link rel="stylesheet" href="assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style"/>

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="assets/css/ace-part2.min.css" class="ace-main-stylesheet"/>
    <![endif]-->
    <link rel="stylesheet" href="assets/css/ace-skins.min.css"/>
    <link rel="stylesheet" href="assets/css/ace-rtl.min.css"/>

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="assets/css/ace-ie.min.css"/>
    <![endif]-->

    <!-- inline styles related to this page -->

    <!-- ace settings handler -->
    <script src="assets/js/ace-extra.min.js"></script>
    <script src="assets/js/jquery-2.1.4.min.js"></script>
    <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

    <!--[if lte IE 8]>
    <script src="assets/js/html5shiv.min.js"></script>
    <script src="assets/js/respond.min.js"></script>

    <![endif]-->
</head>
<!--引入左侧和顶部导航栏-->
<!--<script type="text/javascript">
    $(document).ready(function(){
        $("#navbar").load("head.html");
        $("#sidebar").load("sidebar.html")
    })
</script>-->
<body class="no-skin">
<div id="navbar" class="navbar navbar-default ace-save-state">
</div>

<div class="main-container ace-save-state" id="main-container">
    <script type="text/javascript">
        try {
            ace.settings.loadState('main-container')
        } catch (e) {
        }
    </script>

    <div id="sidebar" class="sidebar responsive ace-save-state"></div>

    <div class="main-content">
        <div class="main-content-inner">
            <div class="breadcrumbs ace-save-state" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="index.html">主页</a>
                    </li>


                </ul>
            </div>
            <!--页面开始-->
            <div class="page-content">
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <div class="page-header">
                            <h1>


                            </h1>
                        </div>
                            <div class="col-md-12 center" id="addform">
                            <button class="btn btn-white btn-info btn-bold" id="addc">
                                <i class="ace-icon fa fa-plus-square bigger-120 blue"></i>
                                添加组件
                            </button>
                            </div>
                            <div class="modal fade" id="add_compents" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                                    aria-hidden="true">×</span></button>
                                            <h4 class="modal-title" id="add_compents_parameter">新参数</h4>
                                        </div>
                                        <div class="modal-body">
                                                <label class=""for="new_compents_name">参数名：</label>
                                                <input id="new_compents_name" type="text" class="span3 edit-large" placeholder="请输入参数名..." style="border-radius: 5px">
                                                &nbsp;&nbsp;&nbsp;&nbsp;
                                                <label class=""
                                                       for="new_compents_value">参数值：</label>
                                                <input id="new_compents_value" type="text"
                                                       class="span3 edit-large"
                                                       placeholder="请输入参数值"
                                                       style="border-radius: 5px">
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-white btn-info btn-bold" data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-white btn-info btn-bold" id="create_to_dom">添加</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            </div>
                    <div id="add_div"></div>

                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div>


        </div>
    </div><!-- /.页面结束 -->

    <script>
        $('#exampleModal').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget) // 触发事件的按钮
            var recipient = button.data('whatever') // 解析出data-whatever内容
            var modal = $(this)
            modal.find('.modal-title').text('Message To ' + recipient)
            modal.find('.modal-body input').val(recipient)
        })
    </script>
<script src="ownjs/add_compents.js"></script>
    <div class="footer">
        <div class="footer-inner">
            <div class="footer-content">
                        <span class="bigger-120">
                            <span class="blue bolder">@浙江工业大学计算机学院</span>
                            Application &copy; 2013-2014
                        </span>

                &nbsp; &nbsp;

            </div>
        </div>
    </div>

    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>
</div><!-- /.main-container -->
<script src="ownjs/head.js"></script>
<script src="ownjs/index.js"></script>
<!-- basic scripts -->

<!--[if !IE]> -->

<!-- <![endif]-->

<!--[if IE]>
<!--<script src="assets/js/jquery-1.11.3.min.js"></script>-->
<![endif]-->
<script type="text/javascript">
    if ('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
</script>
<script src="assets/js/bootstrap.min.js"></script>

<!-- page specific plugin scripts -->

<!-- ace scripts -->
<script src="assets/js/ace-elements.min.js"></script>
<script src="assets/js/ace.min.js"></script>

<!-- inline scripts related to this page -->
</body>
</html>
